<template>
	<view class="content">
		<u-navbar back-text="" slot="center" :autoBack="true" safeAreaInsetTop placeholder>
			<view class="u-nav-slot" slot="left">
				<u-icon name="arrow-left" size="19"></u-icon>
			</view>
		</u-navbar>
		<view class="con">
			<view class="title">{{info.title}}</view>
			<view class="date"><text>系统</text>{{info.time}}</view>
			<view class="content">{{info.text}}</view>
		</view>
	</view>
</template>
<script>
	import store from '@/common/store.js'
	import Index from '@/common/index-model.js'
	let index=new Index();
	export default {
		data() {
			return {
				id: 0,
				info:{}
			};
		},
		onLoad(opt) {
			this.id=opt.id;
			this.getMessagesInfo();
		},
		methods: {
			getMessagesInfo(){
				index.getPublicUserMember({},'/client/message/find/notice/'+this.id,'post',res=>{
					if(res.data.code == 200 && res.data.success){
						this.info=res.data.result;
					}else{
						index.show_tips(res.data.message);
						return false
					}
				})
				
			},
			
		}
	}
</script>

<style lang="scss" scoped>
@import url("index.css");
@import url("@/static/css/publics.css");
::v-deep {
	.u-navbar--fixed {	  
		background: #fff;
		& > view {
			background: transparent !important;
		}
		.leftText {
			color: #000;
		}
		.u-nav-slot{ display: flex;}
	}
	.con{ padding: 0 20rpx;}
	.con .title{ color: #0F0F0F; font-size: 36rpx; margin-bottom: 20rpx; font-weight: bold;}
	.con .date{ color: #A1A1A1; font-size: 24rpx; margin-bottom: 20rpx;}
	.con .content{ color: #424242; font-size: 28rpx;}
}

</style>